import { BrowserRouter as Router, Route,Routes} from "react-router-dom";
import Home from '../views/Home'
import Music from '../views/Music'
import Detail from '../views/Detail'
const routes =[
    {
        path:"/",
        element:<Home/>
    },
    {
        path:"/music",
        element:<Music/>
    },
    {
        path:"/detail",
        element:<Detail/>
    }
]
function RouterView(){
    return (
        <Router>
          <Routes>
            {routes.map(item=>{
                return (<Route key={item.path} path={item.path} element={item.element}></Route>)
            })}
          </Routes>
        </Router>
      );
}
export default RouterView